Skip to content

fix(a11y): respect prefers-reduced-motion media query globally (#258) - #342

Open
XueyuanPang-Google wants to merge 1 commit into
MergeFi:mainfrom
XueyuanPang-Google:fix-prefers-reduced-motion-support
Open

fix(a11y): respect prefers-reduced-motion media query globally (#258)#342
XueyuanPang-Google wants to merge 1 commit into
MergeFi:mainfrom
XueyuanPang-Google:fix-prefers-reduced-motion-support

Conversation

@XueyuanPang-Google

Copy link
Copy Markdown

Summary

Fixes #258 by adding a @media (prefers-reduced-motion: reduce) block to src/app/globals.css.

Solution

  • Respects OS and browser accessibility preferences for reduced motion by setting animation/transition durations to 0.01ms and scroll-behavior: auto.
  • Ensures users with vestibular disorders or motion sensitivities experience accessible, motion-free navigation.

Verification

Standard CSS a11y rule verified without breaking visual hierarchy or layouts.


Payout Address: 0x4DF12f27bEDC11EDEAfa6154A193C65a329388DE

@vercel

vercel Bot commented Aug 30, 2026

Copy link
Copy Markdown

@XueyuanPang-Google is attempting to deploy a commit to the chonilius' projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

App-wide transitions and hover animations never respect prefers-reduced-motion

1 participant